// pages/detail/detail.js
import { getProDetail } from './../../api/home'
import { addCart } from './../../api/cart'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    proid: '',
    banners: [],
    proname: '',
    originprice: 0,
    discount: 0,
    desc: '<mark>图文详情</mark>',
    sales: 0,
    current: 0
  },
  toCart () {
    wx.switchTab({
      url: '/pages/cart/cart'
    })
  },
  addCartFn () {
    const isLogin = wx.getStorageSync('isLogin')
    const userid = wx.getStorageSync('userid')
    if (isLogin) {
      addCart({
        proid: this.data.proid,
        userid,
        num: 1
      }).then(res => {
        wx.showToast({
          title: '加入购物车成功',
          icon: 'none'
        })
      })
    } else {
      // 前端校验未登录
      wx.navigateTo({
        url: '/pages/login/login'
      })
    }

  },
  /**
   * 
   * 记录轮播图改变
   */
  changeSwiper (event) {
    console.log(event.detail)
    this.setData({
      current: event.detail.current
    })
  },
  /**
   * 
   * 大图预览
   * https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.previewImage.html
   */
  previewImage () {
    wx.previewImage({
      current: this.data.banners[this.data.current], // 当前显示图片的http链接
      urls: this.data.banners // 需要预览的图片http链接列表
    })
  },
  /**
   * 生命周期函数--监听页面加载
   * options 可以用来接收传递过来的参数
   */
  onLoad: function (options) {
    // console.log(options)
    getProDetail(options.proid).then(res => {
      // console.log(res)
      const arr = res.data.data.banners[0].split(',')
      this.setData({
        proid: options.proid,
        banners: arr,
        proname: res.data.data.proname,
        originprice: res.data.data.originprice,
        discount: res.data.data.discount,
        // desc: res.data.data.desc,
        sales: res.data.data.sales
      })
      // https://developers.weixin.qq.com/miniprogram/dev/api/ui/navigation-bar/wx.setNavigationBarTitle.html
      wx.setNavigationBarTitle({
        title: res.data.data.proname
      })
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})